<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="https://anduin.oss-cn-nanjing.aliyuncs.com/20231124201341.png"/>

    <!-- 要使用按钮的功能要配合 form（表单区域） 来使用，一般把表单控件放到 form 中，让 form 统一管理 -->
    <!-- 否则没有 form 管理，部分表单控件的功能也没了 -->

    测试:
    <form action="">
        <!-- action 为发送数据的地址，提交到哪，action就些什么 -->
        <hr>
        用户名：<input type="text">
        <br><br>
        密码：<input type="password">
        <br><br>

        <!-- 省略type属性，默认是提交 -->
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">普通按钮</button>
    </form>
</body>
</html>